@charset "utf-8";

/*
Team Hangirm, Rho myoung soo 2013.09
*/

@font-face {
font-family: 'Nanum Gothic';
font-style: normal;
font-weight: 400;
src: url(../fonts/NanumGothic-Regular.eot);
src: url(../fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/NanumGothic-Regular.woff2) format('x-woff2'),
url(../fonts/NanumGothic-Regular.woff) format('woff');
}

a:link {font-family:Shanti, NanumGothic, 'Nanum Gothic', Arial, sans-serif; text-decoration:none;color:#666666;} 
a:visited {font-family:Shanti, NanumGothic, 'Nanum Gothic', Arial, sans-serif; text-decoration:none;color:#666666;} 
a:hover {font-family:Shanti, NanumGothic, 'Nanum Gothic', Arial, sans-serif; text-decoration:none;color:#666666;}

html,	  
body {
	color:#666666;
	line-height:150%;
	font-family:  Shanti, NanumGothic, 'Nanum Gothic', Arial, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	overflow-x:hidden;
	overflow-y:hidden;

}
ul,li,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{
	padding:0px;
	margin:0px;
}

ul {list-style:none;}
img {border:none;vertical-align:top;}

input {font-family:NanumGothicRegular,NanumGothic,"나눔고딕",ngttf,ngeot,dotum,"돋음",sans-serif;}
select {font-family:NanumGothicRegular,NanumGothic,"나눔고딕",ngttf,ngeot,dotum,"돋음",sans-serif;}

.reldiv {
	position: relative;
	z-index: 9999;
}
.sideby li {float:left}
.RollOver { }

.pointer {
	cursor: pointer;
}

.hidden{
	display : none;
}

/* button */
.button {
   border: 1px solid #0a3c59;
   background: #4b697a;
   background: -webkit-gradient(linear, left top, left bottom, from(#6d7e8a), to(#4b697a));
   background: -webkit-linear-gradient(top, #6d7e8a, #4b697a);
   background: -moz-linear-gradient(top, #6d7e8a, #4b697a);
   background: -ms-linear-gradient(top, #6d7e8a, #4b697a);
   background: -o-linear-gradient(top, #6d7e8a, #4b697a);
   background-image: -ms-linear-gradient(top, #6d7e8a 0%, #4b697a 100%);
   padding: 3px 8px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #ffffff;
   font-size: 11px;
   text-decoration: none;
   vertical-align: middle;
   margin:0px 2px 0px 2px;
   }   
.button:link {color:#ffffff;} 
.button:visited {color:#ffffff;} 
 .button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
 .button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }

.buttonGray {
   border: 1px solid #999999;
   background: #d6d6d6;
   background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d6d6d6));
   background: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -ms-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -o-linear-gradient(top, #ebebeb, #d6d6d6);
   background-image: -ms-linear-gradient(top, #ebebeb 0%, #d6d6d6 100%);
   padding: 4px 8px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #858585;
   font-size: 11px;
   text-decoration: none;
   vertical-align: middle;
   margin:0px 2px 0px 2px;
   }
.buttonGray:link {color:#333333;} 
.buttonGray:visited {color:#333333;} 
 .buttonGray:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
 .buttonGray:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
   }

/* text color */
.ft_white { color:#FFFFFF; }



/* woodBox ************************************************************************************/
.woodBox {width:286px;}
.woodBox .woodBoxTop {    
    position:relative;
	background: url(../images/woodBg_01.png) no-repeat;
	height: 26px;
    line-height: 26px;
}
.woodBox .woodBoxTop .bu {
    margin-left: 5px;
    margin-right: 10px;
}
.woodBox .woodBoxTop img {    
	vertical-align:middle;
}
.woodBox .woodBoxTop .closeBtn {
    position:absolute;
    top:-2px;
    right:5px;
} 

.woodBox .woodBoxBody {
	background: url(../images/woodBg_03.png) repeat-y;
}

.woodBox .woodBoxBody .contents {
	margin-left: 5px;
}
.woodBox .woodBoxBody .contents .text_box {
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;    
}
.woodBox .woodBoxBody .contents .text_box .formBox {
	width:160px;
}
.woodBox .woodBoxBody .contents .text_box .formBoxSmall {
	width:100px;
}
.woodBox .woodBoxBody .contents .text_box table tr td {
    height: 30px;
}
.woodBox .woodBoxBody .contents .text_box .result_table table tr td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height:20px;
	padding: 2px 5px 2px 5px;
}
.woodBox .woodBoxBody .contents .accodianBox {
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/topBG.jpg);
	background-repeat: repeat-x;
}
.woodBox .woodBoxBody .contents .accodianBox table tr td{
	padding: 2px 5px 2px 5px;
	height: 20px;
}


.woodBox .woodBoxTopImage {
    cursor : pointer;
    background-repeat: round;
}
.woodBox .woodBoxTopImage2 {
    cursor : pointer;
}

.woodBox .woodBoxBodyImage {	
	width: 595px;
}
.woodBox .woodBoxBodyImage .contents {
    width: 96.5%;
    margin-left: 10px;
    background-color: #FFF;
}
.woodBox .woodBoxBodyImage .contents .text_box {
    clear: both;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 5px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.woodBox .woodBoxBodyImage2 {	
	width: 690px;
}
.woodBox .woodBoxBodyImage2 .contents {
    width: 670px;
    margin-left: 8px;
    background-color: #FFF;
}
.woodBox .woodBoxBodyImage2 .contents .text_box {
    clear: both;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 5px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.woodBox .woodBoxFoot img {
	display: block;
}
/* //woodBox **********************************************************************************/


/* 상단레이어 *****************************************************************/
body > .top {
	height: 92px;
	position: relative;
	background-color: #ddd;
	background-image: url(../images/bg_top.jpg);
}
.top .topGoMenu {
	height: 36px;
	text-align: right;
}
.top .topGoMenu #nmAndPart {
    display:inline;
    position:relative;
    top:8px;
}

.top .top_UI {
	float: right;
    position:relative;
    right:88px;
}
.top .top_UI .topLocation1,
.top .top_UI .topLocation2,
.top .top_UI .topJoojedo,
.top .top_UI .topMapType,
.top .top_UI .topIcon {
	float: left;
	height: 45px;
	overflow: hidden;
    line-height: 45px;
    vertical-align: middle;
    display:inline;
    position:static;
    margin-right:10px;
}
.top .top_UI img {
    vertical-align: middle;
}

.logoForest {
    float:left; 
    padding-left:26px;
}
/* //상단레이어 ***************************************************************/


/* 지도레이어 ****************************************************************/
.mapBox {
	clear:both;
	/* background-image: url(../images/map.jpg); */
	background-color: #94b7d4;
	height: 100%;
    position: relative;
}
/* //지도레이어 **************************************************************/


/* 하단레이어 *****************************************************************/
body > .bottom {
	width: 100%;
	height: 42px;
	position: absolute;
	bottom: 0px;
	z-index: 999;
	background-image: url(../images/bg_bottom.png);
}
.BottomRight {
	position: absolute;
	right: -2px;
	bottom: 0px;
	z-index: 999;
}
.logoBox {
	position: absolute;
	left: 0px;
	top: 69px;
	z-index: 9999;
	height: 70px;
	width: 317px;
}
.logoBig {
	background-image: url(../images/logoBG.png);
	background-repeat: no-repeat;
	height: 64px;
	width: 317px;
	padding-top: 6px;
}
/* //하단레이어 ***************************************************************/


/* 도구모음 ******************************************************************************/
.right{
	position: absolute;
	height: 100%;
	width: 74px;
	float: right;
	background-image: url(../images/bg_right.gif);
	background-repeat: repeat-y;
	right: 0px;
	top: 100px;
	z-index: 998;
	background-position: 6px;	
}

.right ul li {line-height:60%}

.right .bt_full {
	background-image: url(../images/round.png);
	height: 26px;
	width: 86px;
	background-repeat: no-repeat;
	padding-top: 45px;
	position: absolute;
	left: -10px;
	top: -62px;
}

.right .list_shape {
	padding: 8px 0px 10px 0px;
	width: 70px;
	border: 1px solid #999;
	position: absolute;
	top: -30px;
	left: -200px;
	background-color: #FFF;
	text-align:left;
}

.right .list_scale {
	width: 105px;
	border: 1px solid #999;
	position: absolute;
	top: -30px;
	left: -122px;
	background-color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.right .shapeSelect {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	background-color: #333;
	position: absolute;
	left: -85px;
	top: -133px;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-dadius: 5px;
	-webkit-border-radius: 5px;

    width:109px; 
}
.right .shapeSelect a:link { color: #ccc; }
.right .shapeSelect a:hover { color: #FC0 !important; }
.right .shapeSelect a:visited  {color:#CCC;}
.right .shapeSelect ul li { width: 35px; height:24px; text-align:center; vertical-align:middle; line-height:24px; }
/* //도구모음 ****************************************************************************/


/* 우측레이어 ********************************************************************************/
.rightBox {
	width: 230px;
	position: absolute;
	top: 122px;
	right: 8px;
	z-index: 997;
}
.rightBox .zoom {
	position: absolute;
	left: -45px;
	top: 191px;
}
.rightBox .btZoom {
	position: absolute;
	left: -43px;
	top: 253px;
}
.rightBox .woodBoxTopRight {
	background-image: url(../images/woodBg_01_2.png);
	height: 26px;
	width: 230px;
}
.rightBox .woodBoxBodyRight {
	background-image: url(../images/woodBg_03_2.png);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 6px;
}
.rightBox .reldiv .bt_MapList {
	position: absolute;
	left: -28px;
	top: 31px;
	z-index: 997;
}
/* //우측레이어 ******************************************************************************/


/* 좌측레이어 *********************************************************************************/
.leftBox {
	position: absolute;
	width: 284px;
	left: 0px;
	top: 120px;
	z-index: 997;
	padding-left: 28px;
}
.leftBox .woodBox {
	width: 284px;
}
.leftBox .reldiv .pencil {
	position: absolute;
	left: 281px;
	top: 19px;
    cursor: pointer;
}

.totalSearch {
	background-image: url(../images/searchBG.PNG);
	background-repeat: no-repeat;
	height: 40px;
	width: 284px;
	margin-bottom: 8px;
	padding-top: 20px;
    padding-left: 20px;
}
.totalSearch select,
.totalSearch input,
.totalSearch img {vertical-align:middle; border:none;}


.woodBox .geoSearch {
    background-image: url(../images/searchBG2.png) ;
	background-repeat: no-repeat;
    line-height:20px;
    padding-left:5px;
}
.woodBox .geoSearch input,
.woodBox .geoSearch img {
    vertical-align: middle; border:none;
}
.woodBox .geoSearch img{margin-left:12px;}
/* //좌측레이어 *******************************************************************************/







/* 하단 *********************************/
.bottom_box {
	background-image: url(../images/bottomBG.png);
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0px;
	z-index: 999999;
	width: 100%;
	left: -1px;
}
.bottom_box .contents {
	clear: both;
	background-color: #FFF;
	height: 170px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.bottom_box .contents .graph {
	background: #FFF;
	height: 135px;
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
	padding: 8px;
	border-radius: 5px;
	-moz-border-dadius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 6px;

}

.bottom_box .contentsList {
	clear: both;
	background-color: #FFF;
	height: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.bottom_box .contentsList .bottomFoot {
	padding-top: 6px;
}
/* //하단 *********************************/


/* woodPopup **************************************************************************/
.woodPopup {
	width: 870px;
	margin-top: -320px;
	margin-left: -435px;
	position: absolute;
	z-index: 9999;
	left: 50%;
	top: 50%;
}
.woodPopup .head {
	background-image: url(../images/woodpopup_01.png);
	background-repeat: no-repeat;
	height: 33px;
}
.woodPopup .contents {
	height: 500px;
	width: 800px;
	margin-left: 20px;
}

.woodPopup .tabChkd:link {color:#333; font-weight:bold;}
.woodPopup .tabChkd:hover {color:#FC0; font-weight:bold;}
.woodPopup .tabChkd:visited {
	color: #333;
	font-weight: bold;
}
.woodPopup .tabChkd {
	background-image: url(../images/woodPopupBg.gif);
	background-color: #FFF;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	width: 100px;
	height: 15px;
	text-align: center;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
.woodPopup .tabUnchkd:link {color:#fff; font-weight:bold;}
.woodPopup .tabUnchkd:hover {color:#FC0; font-weight:bold;}
.woodPopup .tabUnchkd:visited {color:#fff; font-weight:bold;}
.woodPopup .tabUnchkd {
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	width: 100px;
	height: 15px;
	text-align: center;
	float: left;
	margin-right: 3px;
	margin-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #577082;
	border-right-color: #577082;
	border-left-color: #577082;
}
.woodPopup .buttonBox {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	margin-bottom: 15px;
	background-image: url(../images/woodPopupBg.gif);
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
}
.woodPopup .wrapContents {
	padding-bottom: 10px;
	background-image: url(../images/woodpopup_02.png);
	background-repeat: repeat-y;
	padding-right: 17px;
	padding-left: 11px;
}
.woodPopup .wrapContents .menuBar {
	background-color: #000;
	background-image: url(../images/woodpopup_08.png);
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

.inLineImg { vertical-align:middle; margin-top:-2px;}
.woodPopup .wrapContents .menuBar .popSido {
	position: absolute;
	left: -111px;
	top: 0px;
	background-image: url(../images/bg_sido.png);
	background-repeat: no-repeat;
	width: 460px;
	height: 30px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: center;
	overflow: hidden;
}
.woodPopup .popSido .sidoSelect {
	width: 110px;
	margin-right: 3px;
	margin-left: 3px;
}
/* //woodPopup ************************************************************************/


/* tableBox **************************************************************************/
.tableBox {

}
.tableBox table tr th {
	background:url(../images/bg_tableHeader.png);
	border-bottom:solid;
	border-bottom-width:2px;
	border-bottom-color:#416361;
	color:#fff;
	padding:4px;
}
.tableBox table tr td {
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#ccc;
	padding: 3px 10px 3px 10px;
	background:#fff;
}
/* //tableBox ************************************************************************/




/* 12-06 팝업 리스트 디자인 임상도*/
.bottom-organ-container-inner .foot,
.bottom-backdu-container-inner .foot,
.bottom-container-inner .foot,
.bottom-container-inner-tradition .foot,
.bottom-container-inner-arboretum .foot,
.bottom-container-inner-attraction .foot {
	margin-left: -2px;
}
.bottom-organ-container-inner .pageNavi,
.bottom-backdu-container-inner .pageNavi,
.bottom-container-inner .pageNavi,
.bottom-container-inner-tradition .pageNavi,
.bottom-container-inner-arboretum .pageNavi,
.bottom-container-inner-attraction .pageNavi {
	padding: 14px 8px 8px 8px;
}
.bottom-organ-container-inner .pageNavi .pageNum,
.bottom-backdu-container-inner .pageNavi .pageNum,
.bottom-container-inner .pageNavi .pageNum,
.bottom-container-inner-tradition .pageNavi .pageNum,
.bottom-container-inner-arboretum .pageNavi .pageNum,
.bottom-container-inner-attraction .pageNavi .pageNum {
	margin: 0px 4px 0px 4px;	
}

.inlineImg {
	vertical-align: middle;
}
.bottom-organ-container-inner .head .TriWood,
.bottom-backdu-container-inner .head .TriWood,
.bottom-container-inner .head .TriWood,
.bottom-container-inner-tradition .head .TriWood,
.bottom-container-inner-arboretum .head .TriWood,
.bottom-container-inner-attraction .head .TriWood {
	position: absolute;
	left: -13px;
	top: 25px;
	margin-left: -2px;
}
.bottom-organ-container-inner .head,
.bottom-backdu-container-inner .head,
.bottom-container-inner .head,
.bottom-container-inner-tradition .head,
.bottom-container-inner-arboretum .head,
.bottom-container-inner-attraction .head {
	background-image: url(../images/woodpopup_01.png);
	background-repeat: no-repeat;
	height: 33px;
	margin-left:-2px;
}
.bottom-organ-container-inner .contents,
.bottom-backdu-container-inner .contents,
.bottom-container-inner .contents,
.bottom-container-inner-tradition .contents,
.bottom-container-inner-arboretum .contents,
.bottom-container-inner-attraction .contents {
	width: 600px;
	margin-left: 20px;
	
}
.bottom-organ-container-inner .wrapContents,
.bottom-backdu-container-inner .wrapContents,
.bottom-container-inner .wrapContents,
.bottom-container-inner-tradition .wrapContents,
.bottom-container-inner-arboretum .wrapContents,
.bottom-container-inner-attraction .wrapContents {
	padding-bottom: 10px;
	background-image: url(../images/woodpopup_02.png);
	background-repeat: repeat-y;
	padding-right: 17px;
	padding-left: 15px;
	margin-left: -2px;
	height: 250px;
}
.bottom-organ-container-inner .boardTitle,
.bottom-backdu-container-inner .boardTitle,
.bottom-container-inner .boardTitle,
.bottom-container-inner-tradition .boardTitle,
.bottom-container-inner-arboretum .boardTitle,
.bottom-container-inner-attraction .boardTitle {
	font-size: 13px;
	height: 30px;
	margin-left: 5px;
	color: black;
	font-weight: bold;
	
}


.bt {text-align:center;margin-top:10px;}

/* 임상도 시계열 컨트롤러 슬라이더 */
#time-slider { margin-left:97px; margin-top: 10px;}

* {
	font-family: 'Nanum Gothic' !important;
}

/* 사파리에서 나눔고딕 폰트의 bold 가 너무 굵게 나와서 아래와 같이 돋움체로 처리 */
/* http://stackoverflow.com/questions/10812093/is-there-a-google-chrome-only-css-hack/19008955#19008955 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,* {
		font-family: dotum, Arial, sans-serif !important;
    }
}


/* 하단4 */
#result-table-arboretum {
	width: 770px;
	border-spacing: 0;
	border-bottom: 1px solid #ccc;
}
#result-table-arboretum th {
	height: 24px;
	line-height: 24px;
	background-color: #416361;
	color : white;
	
}
#result-table-arboretum td {
	text-align: center;
}
#result-table-arboretum th, 
#result-table-arboretum td {
	margin: 0;
	border-top: 1px solid #ccc;
}

/* 휴양림 */
#result-table-attraction {
	width: 770px;
	border-spacing: 0;
	border-bottom: 1px solid #ccc;
}
#result-table-attraction th {
	height: 24px;
	line-height: 24px;
	background-color: #416361;
	color : white;
}
#result-table-attraction td {
	text-align: center;
}
#result-table-attraction th, 
#result-table-attraction td {
	margin: 0;
	border-top: 1px solid #ccc;
}

/* 전통마을 */
#result-table-tradition {
	width: 770px;
	border-spacing: 0;
	border-bottom: 1px solid #ccc;
}
#result-table-tradition th {
	height: 24px;
	line-height: 24px;
	background-color: #416361;
	color : white;
}
#result-table-tradition td {
	text-align: center;
}
#result-table-tradition th, 
#result-table-tradition td {
	margin: 0;
	border-top: 1px solid #ccc;
}

#result-table-backdu {
	width: 770px;
	border-spacing: 0;
	border-bottom: 1px solid #ccc;
}
#result-table-backdu th {
	height: 24px;
	line-height: 24px;
	background-color: #416361;
	color: white;

}
#result-table-backdu td {
	text-align: center;
}
#result-table-backdu th,
#result-table-backdu td {
	margin: 0;
	border-top: 1px solid #ccc;
}

#result-table-organ {
	width: 770px;
	border-spacing: 0;
	border-bottom: 1px solid #ccc;
}
#result-table-organ th {
	height: 24px;
	line-height: 24px;
	background-color: #416361;
	color: white;

}
#result-table-organ td {
	text-align: center;
}
#result-table-organ th, 
#result-table-organ td {
	margin: 0;
	border-top: 1px solid #ccc;
}



.datagrid-table-container {
	margin: 50px auto 0;
	width: 740px;
}
.datagrid-table-container * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.datagrid-table {
	margin: 0 auto;
	width: 740px;
	/* min-height: 300px; */
	border-collapse: collapse;
}
.datagrid-table caption {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.datagrid-table tbody {
	border: 1px solid #ccc;
}
.datagrid-table tr th {
	padding: 3px 7px;
	border: 1px solid #ccc;
	border-bottom: none;
	text-shadow: 0 1px 0 #fff;
	font-weight: bold;
	font-size: 11px;
	color: #000;
	background-color: #F1F1F1;
}
.datagrid-table tr .border-left-none {
	border-left: none;
}
.datagrid-table tr .border-right {
	border-right: 1px solid #ccc;
}
.datagrid-table tr .text-center {
	text-align: center;
}
.datagrid-table tr .text-left {
	text-align: left;
}
.datagrid-table tr td {
	padding: 2px 7px;
	text-align: right;
	color: #000;
	font-size: 11px;
}

#statistics-chart-container .note {
	position: absolute;
	bottom: -2px;
	left: 30px;
	width: 770px;
	z-index: 200;
}
.datagrid-table-container .note ul,
#statistics-chart-container .note ul {
	font-size: 11px;
}
.datagrid-table-container .note li,
#statistics-chart-container .note li {
	overflow: hidden;
}
.datagrid-table-container .note h6,
#statistics-chart-container .note h6 {
	float: left;
	margin: 0 5px 0 0;
	font-weight: normal;
}
.datagrid-table-container .note p,
#statistics-chart-container .note p {
	float: left;
	margin: 0;
	max-width: 710px;
}

#statistics-chart-container .note h6, 
#statistics-chart-container .note p {
	font-size: 10px;
	line-height: 12px;
}
#statistics-chart-container .note p {
	max-width: 730px;
}


/* DataTables */
.dataTables_scroll {
	border-right: 1px solid #ccc;
}
.dataTables_scroll tr th, 
.dataTables_scroll tbody {
	border-right: none;
}
.dataTables_scroll tbody {
	border-left: none;
}

.dataTables_info {
	margin: 20px 0;
	padding-left: 10px;
}

.dataTables_paginate {
    margin-top: 5px;
    margin-bottom: 0px;
	padding: 10px;
	text-align: right;
    float:left;
}

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat right center;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat right center;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat right center;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat right center;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat right center;
}

#datagrid-table-container .DTTT.btn-group {
	position: absolute;
	top: 38px;
	right: 34px;
}
#datagrid-table-container .datagrid-export-btn {
	padding: 0;
	width: 45px;
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	
	border: 1px solid #999999;
   background: #d6d6d6;
   background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#d6d6d6));
   background: -webkit-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -moz-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -ms-linear-gradient(top, #ebebeb, #d6d6d6);
   background: -o-linear-gradient(top, #ebebeb, #d6d6d6);
   background-image: -ms-linear-gradient(top, #ebebeb 0%, #d6d6d6 100%);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   color: #333333;
   text-decoration: none;
   vertical-align: middle;
}
#datagrid-table-container .datagrid-export-btn:hover {
	border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
}
#datagrid-table-container .strip2 {
	background-color: #f2f2f2;
}

#datagrid-table_length {
	position: absolute;
	top: 105px;
	right: 67px;
}





#left-boxes input[type="checkbox"] {
	vertical-align: middle;
}



#map {
	position: static;
	height: 100%;
}
#map .divScaleBar {
	position: absolute;
	bottom: 150px;
	left: 30px;
}
#map #dragforesttheme1, 
#map #dragforesttheme2, 
#map #dragforesttheme {
	position: absolute;
	top: 100px;
	left: 45%;
	z-index: 20000;
    display: none;
}


#map #selectedPointResult {
	position: absolute;
	top: 100px;
	left: 45%;
	z-index: 20000;
    display: none;
    width:500px;
}
#map #dragforestwarning {
	position: absolute;
	top: 50px;
	left: 20%;
	z-index: 20000;
    display: none;
}
#map #messageDialog {
	position: absolute;
	top: 100px;
	left: 45%;
	z-index: 20000;
    display: none;
}

#addGeoTag {
	position: absolute;
	top: 150px;
	left: 250px;
	z-index: 1000;
}
#geoTagDetail {
	position: absolute;
	top: 150px;
	left: 30%;
	z-index: 1000;
}

#map .selectShape{
	display:none;
}

#map #selectShapeSymbol {
	position: absolute;
	top: 50px;
	left: 400px;
	z-index: 20000;
}
#map #selectShapeLine {
	position: absolute;
	top: 50px;
	left: 30%;
	z-index: 20000;
}
#map #selectShapeText {
	position: absolute;
	top: 50px;
	left: 40%;
	z-index: 20000;
}
#map #selectShapePolygon {
	position: absolute;
	top: 50px;
	left: 50%;
	z-index: 20000;
}

#map #pop1 {
	position: absolute;
	top: 250px;
	left: 20%;
	z-index: 20000;
}
#map #pop2 {
	position: absolute;
	top: 250px;
	left: 40%;
	z-index: 20000;
}
#map #pop3 {
	position: absolute;
	top: 250px;
	left: 40%;
	z-index: 20000;
}

#map #infoDetail {
	position: absolute;
	top: 250px;
	left: 40%;
	z-index: 20000;
	
}


.mapBox #map .left {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 22px;
	z-index: 998;
	float: left;
	background-image: url(../images/bg_left.gif);
}

/*********************************************************************/

.rightBox {	
	right: -162px;
}
.rightBox .zoom li {
	line-height: 0;display:inline;
}
.rightBox .zoom img {
	cursor: pointer;
}

#custom-zoom-slider-container {
	position: relative;
	width: 28px;
	height: 217px;
	background-image: url('../images/zoom.png');
}
#custom-zoom-slider {
	position: absolute;
	top: 11px;
	lefT: 0;
	width: 22px;
	height: 194px;
}
#custom-zoom-slider.ui-widget-content {
	border: none;
	background: none;
}
#custom-zoom-slider .ui-slider-handle {
	left: 2px;
	width: 18px;
	height: 11px;
	line-height: 0;
	border: none;
	background: url('../images/bt_zoom.gif');
}

/*********************************************************************/

.leftBox .woodBox .woodBoxBody .contents { width:268px; }
.leftBox .woodBox .woodBoxBody .contents .accodianBox table {
	border-collapse: separate;
	border-color: gray;
}
.leftBox .woodBox .woodBoxBody .contents .accodianBox table tr td{
	font-weight: bold;
	font-size: 12px;
	color: #fff;
}
.leftBox .woodBox .woodBoxBody .contents .text_box .result_table table tr td {
	font-size: 12px;
}
.leftBox .woodBox .woodBoxBody .contents strong {
	font-size: 13px;
}


.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}



.accordion {
	margin-bottom: 0;
}
.accordion-group {
	margin-bottom: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.accordion-heading > a {
	display: block;
}
.accordion-heading .accordion-toggle {
	padding: 0;
}
.accordion-inner {
	padding: 0;
	border-top: none;
}



/* 하단 시작 */
.bottom-container{
	display: none;
	position: absolute;
	bottom: -325px;
	margin-left: -425px;
	left: 50%;
	width: 862px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 1000;
}
.bottom-container-inner {
	position: relative;
}
.bottom-container-inner .head {
    height: 28px;
    line-height: 26px;
    vertical-align: middle;
}
.bottom-container-inner .head .bu {
    margin-left: 5px;
    margin-right: 10px;
}

.bottom-container-inner .closeBtn {
    position:absolute;
    top:-2px;
    right:5px;
} 
.bottom-container-inner .nav-tabs > li > a {
	position: relative;
	padding: 4px 20px;
	top: 2px;
	color: #7d7e80;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #bbb;
	border-bottom: none;
}
.bottom-container-inner .nav-tabs > .active > a {
	border: 1px solid #959595;
	border-bottom: none;
	color: #464646;
}
.bottom-container-inner .tab-content {
	border: 1px solid #959595;
}
.bottom-container-inner .close-btn {
	/*
	position: absolute;
	top: 0;
	right: 0;
	*/
}
.bottom-container-inner .open-btn {
	display: none;
	position: absolute;
	bottom: 335px;
	right: 0;
	width: 70px;
}
.bottom-container .table-container {
	height: 260px;
	background-color: #fff;
	overflow-x: auto;
	overflow-y: hidden;
}

.bottom-container .table {
	margin: 0 auto;
}
.bottom-container .table caption {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.bottom-container .table td {
	font-size: 12px;
    cursor: pointer;
}
.bottom-container .table td.text-center {
	text-align: center;
}

.dataTables_info {
	margin: 20px 10px;
	font-size: 13px;
}

.pagination ul>li>a,
.pagination ul>li>span {
	padding: 3px 8px;
	font-size: 12px;
}
/* 하단 끝 */




/* 중앙 시작 */
.center-container {
	display: none;
	position: absolute;
	margin-top: -200px;
	margin-left: -300px;
	padding: 10px;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 400px;
	border: 1px solid #5F9EE4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 300;
}
.center-container .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 400;
}
.center-container .chart-container {
	position: relative;
	padding: 12px;
	width: 550px;
	height: 350px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.center-container .tab-pane {
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}
.center-container .table-condensed th,
.center-container .table-condensed td {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
/* 중앙 끝 */





.shapeSelect-container {
	display: none;
}

.shapeSelect-toggle {
	cursor: pointer;
}

/* 하단 표 시작 */
.bottom_box {
	position: static;
	width: 100%;
	height: 100%;
}
.bottom_box .RollOver {
	cursor: pointer;
}


#result-table {
	width: 780px;
	border-spacing: 0;
}
#result-table td {
	text-align: center;
}

.dataTables_info {
	margin-left: 0;
	font-size: 12px;
	background-image: url('../images/bu_aw2.gif');
	background-repeat: no-repeat;
	background-position: left center;
}

#bottom-table-container > div > .row-fluid:first-child {
	display: none;
}
/* 하단 표 끝 */



/* HTML5 Doctype 관련 수정 */
.BottomRight img,
.accordion-toggle > img {
	display: block;
}

.woodBoxBodyRight > div > img {
	display: block;
}


/* 상세정보 조회 */
/* HEAD */
.woodBox .woodBoxTopImage {
	background-image: url(../images/woodpopuphead1.png);
	height: 26px;
	width: 595px;
}

.woodBox .woodBoxTopImage2 {
	background-image: url(../images/woodpopuphead2.png);
	height: 26px;
	width: 99.6%;
	
}
/* 중간 */
.woodBox .woodBoxBodyImage {
	background-image: url(../images/woodpopupmiddle1.png);
	background-repeat: repeat-y;
}

.woodBox .woodBoxBodyImage .contents {
    overflow-x: hidden;
    overflow-y: auto;
}

.woodBox .woodBoxBodyImage2 {
	background-image: url(../images/woodpopupmiddle.png);
	background-repeat: repeat-y;
}

.woodBox .woodBoxBodyImage2 .contents {
    overflow-x: hidden;
    overflow-y: auto;
}





.popTitle { 
    font-size:13px;
    font-family:나눔고딕;
    color:#636363;
    font-weight:bold;
    line-height:20px;
    height:20px;
    vertical-align:middle;
}

.selectLocation {
    position:absolute; 
    top:82px;
    right:810px;
    z-index:20000;
    background-color:white;
    border:1px solid #656565;
    color:#333333;
    height:242px;
    width:380px;
    line-height:21px;
}
.selectLocation .locList {
    display:inline;
    overflow-x:hidden;
    overflow-y:auto;
    float:left;
    position:relative;
    width:126px;
    height:211px;
    border-left:1px solid #656565;
    border-bottom:1px solid #656565;
}

.selectLocation .sltLoc01 {
    border-left:none;
}

.selectLocation .locList li {
    padding-left:10px;
    height:21px;
    width:116px;
    vertical-align:middle;
}

.selectLocation .bt {
    clear:both;
    background:url(../images/topMap_bg.png) no-repeat;    
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
}
.selectLocation .bt img {
    vertical-align: middle;
}

/* 2014. 09. 04. 이순현 */
.selectLocation_ed {
    position:absolute; 
    top:82px;
    right:730px;
    z-index:20000;
    background-color:white;
    border:1px solid #656565;
    color:#333333;
    height:242px;
    width:254px;
    line-height:21px;
}
.selectLocation_ed .locList {
    display:inline;
    overflow-x:hidden;
    overflow-y:auto;
    float:left;
    position:relative;
    width:126px;
    height:211px;
    border-left:1px solid #656565;
    border-bottom:1px solid #656565;
}

.selectLocation_ed .sltLoc01 {
    border-left:none;
}

.selectLocation_ed .locList li {
    padding-left:10px;
    height:21px;
    width:116px;
    vertical-align:middle;
}

.selectLocation_ed .bt {
    clear:both;
    background:url(../images/topMap_bg.png) no-repeat;    
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
}
.selectLocation_ed .bt img {
    vertical-align: middle;
}
/* 2014. 09. 04. 이순현 */

.top .top_UI .chk { background-color:#629C0D; color:white; font-weight:bold;}

.top .top_UI .topJoojedo {margin-top:1px;}


/* table style */
.table_total {width:280px;border-top:solid 2px #416361;border-bottom:solid 1px #416361;background:#CCCCCC;} 
.table_total th {background:#edf3f3;color:#416361;letter-spacing:-1px;} 
.table_total td {background:#fff;text-align:left;font-weight:normal;padding-left:10px;}
.table_total .left {text-align:left;padding-left:10px;} 
.table_total .subt {background:#f9f9f9;}
.table_total caption {font-size:0;height:0;line-height:0;visibility:hidden;width:0;}

.table_total2 {width:620px;border-top:solid 2px #416361;border-bottom:solid 1px #416361;background:#CCCCCC;} 
.table_total2 th {background:#edf3f3;color:#416361;letter-spacing:-1px;} 
.table_total2 td {background:#fff;text-align:left;font-weight:normal;padding-left:10px;text-align:center;}
.table_total2 .left {text-align:left;padding-left:10px;} 
.table_total2 .subt {background:#f9f9f9;}
.table_total2 caption {font-size:0;height:0;line-height:0;visibility:hidden;width:0;}


/* 백두대간 사진정보 */
.gallery {width:645px;}
.gallery .gleft {float:left;top:112px;position:relative;}
.gallery .gimg {float:left;margin:0 70px 0 70px;color:#666666;font-size:11px;}
.gallery .gright {top:112px;height:240px;position:relative;}
.gallery ul {background:url(../images/imgGallery_bg.png) no-repeat left 55px;padding-bottom:20px;height:70px;width:658px;clear:both;top:25px;position:relative;} 
.gallery li {float:left;margin:0 10px 0 10px;}


/*재해통계*/
.dataWrap { width:250px;}
.dataWrap h3 { width:59px;position:relative; float:left;top:5px;}
.dataWrap .dot { border-bottom:1px dashed #dedede;width:250px;height:1px;margin:5px 0 5px 0;}
.data { left:10px; margin-left:70px;}
.data li {background:url(../images/txtBox04_bg.gif) no-repeat left 2px; width:175px; height:22px; padding-left:5px; line-height:22px;position:relative;} 

/*GeoTag*/
.geotagWrap {width:250px;}
.geotagWrap img {position:relative; float:left; height:57px; }
.geotagWrap li {border-bottom:1px dashed #dedede; margin:5px 0 5px 0; line-height:20px; height:57px; padding-bottom:5px;vertical-align:middle;}
.geotagWrap p {position:relative; top:10px; left:10px;}
.geotagWrap .no_bor {border:none;}

/*임상도*/
.mapbarWrap         {background:url(../images/mapBar_bg.png) no-repeat left top; width:525px; height:51px; position:absolute; right:120px; bottom:150px; z-index:20000; }
.mapbarWrap h3      {float:left; position:relative; top:13px; left:26px;}
.mapbarWrap ul      {position:relative; left:46px; top:8px;}
.mapbarWrap li      {display:inline;margin-left:77px;font-size:11px;}
.mapbarWrap .no_mar {margin:0px !important;}
.mapbarWrap .mapbar {background:url(../images/mapBar.png) no-repeat left top; position:absolute;float:left; top:24px; left:91px; width:392px ;height:5px;}
.mapbarWrap .mapbar img { vertical-align:top;}
.mapbarWrap .mapbarButten {position:absolute; top:30px;}

/*서브메뉴*/
.subMenu {
    position:absolute; top:77px; right:610px; z-index:20000;
}

 /* webservice 항목조회 */
#searchTitleDetail{
position: absolute;
	top: 250px;
	left: 40%;
	z-index: 20000;
	display: none;
}


/* 도형 점,선,면,텍스트 */
.shapeWarp { width:250px; text-align:left; }
.shapeWarp img,
.shapeWarp label,
.shapeWarp input,
.shapeWarp select {vertical-align:middle;}
.shapeWarp label { width:40px; display:inline-block; background:url(../images/bu_aw.gif) no-repeat left 11px; padding-left:10px; line-height:30px; }
.shapeWarp .simbol { width:240px; height:70px; border:1px solid #dcdcdc; padding:5px;}
.shapeWarp .simbol li { float:left; margin-left:10px; line-height:35px; }

.shapeWarp .bt {text-align:right;}
.shapeWarp .bt li {display:inline;}

.addGeoTag .woodBox {width:290px;}
.addGeoTag .woodBox .woodBoxTop { background-image: url(../images/woodpopup05_top.png); }
.addGeoTag .woodBox .woodBoxBody { background-image: url(../images/woodpopup05_middle.png); }
.addGeoTag .woodBox .woodBoxBody label { display:none; height:5px;}
.addGeoTag .woodBox .woodBoxBody img,
.addGeoTag .woodBox .woodBoxBody input, 
.addGeoTag .woodBox .woodBoxBody textarea {vertical-align:middle; margin-bottom:10px; }
.addGeoTag .woodBox .woodBoxBody .bt {text-align:center;}

.geoTagDetail .woodBox {width:325px;}
.geoTagDetail .woodBox .woodBoxTop { background-image: url(../images/woodpopup03_top.png); }
.geoTagDetail .woodBox .woodBoxBody { background-image: url(../images/woodpopup03_middle.png); }
.geoTagDetail .woodBox .woodBoxBody .popTitle,
#left-box3 .popTitle { background: url(../images/bu_1.gif) no-repeat 0 9px; padding-left:25px; line-height:30px; height:30px; vertical-align:middle; }
.geoTagDetail .woodBox .woodBoxBody .popContent { background-color:#F2F2F2; width:270px; padding:5px; text-align:center; }
.geoTagDetail .woodBox .woodBoxBody .popContent img { border: 3px solid #000;}
.geoTagDetail .woodBox .woodBoxBody .popContent p {font-size:12px; margin-bottom:5px; padding:5px; line-height:20px; text-align:left; }
.geoTagDetail .woodBox .woodBoxBody .bt {text-align:right; margin-top:10px; margin-right:20px;}

.selectShape .woodBox {width:290px;}
.selectShape .woodBox .woodBoxTop { background-image: url(../images/woodpopup05_top.png); }
.selectShape .woodBox .woodBoxBody { background-image: url(../images/woodpopup05_middle.png); }

.pop .woodBox {width:688px;}
.pop .woodBox .woodBoxTop { background-image: url(../images/woodpopup04_top.png); }
.pop .woodBox .woodBoxBody { background-image: url(../images/woodpopup04_middle.png); }
.pop .woodBox .woodBoxBody .divWindow-select { background-color:#8b8b81; margin-left:6px; width:668px; height:31px;}

.pop .woodBox .woodBoxBody .text_box .divWindowDetail { float:left; margin-right:5px; }
.pop .woodBox .woodBoxBody .text_box .divWindowDetail label { display:inline-block; line-height:30px;}
.pop .woodBox .woodBoxBody .text_box .divWindowDetail select {width:190px;}
.pop .woodBox .woodBoxBody .text_box .divWindowDetail img,
.pop .woodBox .woodBoxBody .text_box .divWindowDetail label,
.pop .woodBox .woodBoxBody .text_box .divWindowDetail select {vertical-align:middle;}

.pop .woodBox .woodBoxBody .text_box #div2Window { height:260px; width:652px; }
.pop .woodBox .woodBoxBody .text_box #div4Window { height:520px; width:652px; }
.pop .woodBox .woodBoxFoot {clear:both;}

#pop3 .text_box { padding:20px 10px 20px 25px;}
#pop3 .text_box .bt { text-align:center; margin-top:20px; }


#left-box3 .text_box p,
#left-box3 .text_box select {margin:5px 0px;}

#left-box3 .text_box p { font-weight:bold;}
#left-box3 .text_box p img {vertical-align:middle;}
#right-tab1-1 ul li {margin-right:3px;}

#thematic-content ul { list-style:none; }
